<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="width=device-width, initial-scale= 1.0">
	<meta name="viewport" content="ie-edge">
	<title>axios基本使用</title>
</head>
<body>
	<input type="button" value="get请求" class="get" name="">
	<input type="button" value="post请求" class="post" name="">
	<!-- 官网提供的 axios 在线地址库 -->
	<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
	<script type="text/javascript">
		/*
			接口1：随机笑话
			请求地址：https://autumnfish.cn/api/joke/list
			请求方法：get
			请求参数：num(笑话条数，数字)
			响应内容：随机笑话
		*/
		document.querySelector(".get").onclick = function(){
			//axios.get("https://autumnfish.cn/api/joke/list1111?num=3").then(  //地址错误，进入err，返回404错误
			axios.get("https://autumnfish.cn/api/joke/list?num=3").then(
				function(response){
					console.log(response);
				},
				function(err){
					console.log(err);
				}
			)
		}
		/*
			接口2：用户注册
			请求地址：https://autumnfish.cn/api/user/reg
			请求方法：post
			请求参数：username(用户名，字符串)
			响应内容：注册成功或失败
		*/
		document.querySelector(".post").onclick = function() {
			//axios.post("https://autumnfish.cn/api/user/reg111", {username:"挨踢老头笑"}).then( //地址错误，进入err，返回404错误
			axios.post("https://autumnfish.cn/api/user/reg", {username:"挨踢老头笑"}).then(
					function(response){
						console.log(response);
					},
					function(err) {
						console.log(err)
					}
				)
		}
	</script>
</body>
</html>